<template>
  <div>
    <Header />
    <div class="box">
      <p class="text">意见于反馈</p>
      <van-field
        class="field"
        v-model="message"
        rows="4"
        autosize
        label="留言"
        type="textarea"
        maxlength="150"
        placeholder="请填写你的意见和反馈"
        show-word-limit
      />
      <van-cell-group>
        <van-field
          class="field"
          v-model="value"
          label="联系方式"
          placeholder="邮箱/手机号/微信号"
        />
      </van-cell-group>
      <div class="bottom">
        <van-button color="#b4282d" type="primary" block>提交</van-button>
      </div>
    </div>
  </div>
</template>

<script>
import Header from "@/components/header/header.vue";
import { feedback } from "@/api/topic/index.js";

export default {
  components: {
    Header,
  },
  data() {
    return {
      message: "",
      value: "",
    };
  },
  created() {
    feedback().then((res) => {
      
    });
  },
};
</script>

<style lang="scss" scoped>
* {
  margin: 0;
  padding: 0;
}
.box {
  padding: 0 10px;
  .text {
    padding: 10px 0;
    text-align: left;
    border-bottom: 1px solid #d9d9d9;
    color: #000;
  }
  .field {
    border-bottom: 1px solid #d9d9d9;
    padding: 10px 16px;
  }
  .bottom {
    margin: 50px 8px 0;
    border-radius: 5px;
  }
}
</style>>
